<template>
  <!-- #region template -->
  <label for="sb-small">Spin button - Small size</label>
  <BFormSpinbutton
    id="sb-small"
    size="sm"
    placeholder="--"
    class="mb-2"
  />
  <label for="sb-default">Spin button - Default size</label>
  <BFormSpinbutton
    id="sb-default"
    placeholder="--"
    class="mb-2"
  />
  <label for="sb-large">Spin button - Large size</label>
  <BFormSpinbutton
    id="sb-large"
    size="lg"
    placeholder="--"
    class="mb-2"
  />
  <!-- #endregion template -->
</template>
